import React from 'react';
import ReactDOM from 'react-dom';

import {createHashHistory} from 'history';

import {Router, Route, useRouterHistory} from 'react-router'

import {syncHistoryWithStore,RouterStore} from 'mobx-react-router';

import {Provider} from 'mobx-react';


import Fna from 'weaFna'
import ComMobx from 'comsMobx'


const routing = new RouterStore();

const allStore = {
  // Key can be whatever you want
  routing:routing,
  ...Fna.store,
  ...ComMobx.store,
}

const fnaRoute = Fna.Route;

const browserHistory = useRouterHistory(createHashHistory)({
  queryKey: '_key',
  basename: '/'
});

const history = syncHistoryWithStore(browserHistory, allStore.routing);

const Home = props => props.children;

class Root extends React.Component {
  render() {
    return (
      <Provider ecId={`${this && this.props && this.props.ecId || ''}_Provider@nwalvt`} {...allStore}>
        <Router ecId={`${this && this.props && this.props.ecId || ''}_Router@u4iyyu`} history={history}>
          <Route ecId={`${this && this.props && this.props.ecId || ''}_Route@lf4ht2`} name="main" breadcrumbName="入口" path="/main" component={Home}>
            {fnaRoute}
          </Route>
        </Router>
      </Provider>
    )
  }
}

ReactDOM.render(<Root ecId={`${this && this.props && this.props.ecId || ''}_Root@lnphl4`}/>, document.getElementById('container'));
module.exports = Fna;
